<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script type="text/javascript">
      //创建一个name变量

      var name = '全局';

      //创建一个sayName()
      function sayName() {
        //用this来替换
        console.log(this.name);
      }

      //创建两个对象
      var obj = {
        name: '孙悟空',
        sayName: fun,
      };

      var obj2 = {
        name: '沙和尚',
        sayName: fun,
      };

      // fun()
      //我们希望调用obj.sayName()时可以输出obj的名字,但是如果全局中有,会去找全局中的
      // 所以可以用this来替换
      //如果对象内部找不到,就会去全局中找
      obj.sayName();
    </script>
  </head>
  <body></body>
</html>
